<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">
		<%@ include file="../../common/jsp/include.jsp"%>

		<style type="text/css">
        html,html body {
            padding: 0;
            border: 0;
            margin: 0;
            width: 100%;
            height: 100%;
            font-family: Verdana;
        }
     .h{
         color: #ffffff;
         font-size: 2px;
         background-color: #525d76
     }
     .p{
         color: #ffffff;
         font-size: 1px;
         background-color: #525d76
     }

	.img{
        height: 50px;
        line-height: 50px;
        text-align:center;
    }

     td{
       word-break:break-all;
         font-family: Verdana;

        line-height: 22px;
     }

    <style type="text/css">
       .fontMessgae {
            font-family: Verdana;
            font-size: 3px;
            color: red;
        }
    </style>
	</head>

	<body>

        <table class="my_table_div" style="width: 100%;height: 100%;">
            <tr>
                <td id="leftTD" style="height: 90%; width: 25%;">
                     <div style="" class="img">
                         <img src="/psw/common/jsp/icon-warning.gif" alt="">
                     </div>
                </td>
                <td style="height: 90%; width: 65%;margin-right: 20px" id="contentMsg">
                     <div id="demo2" class="" style="width: 100%; height: 100%; overflow-y: hidden;">
                           <div id="" align="center">
                               <h6 id="msg" style="font-size: 1px"></h6>
                           </div>
                           <div style="font-size: 1px" align="center">
                               <a href="javascript:;" onclick="showExpMsg();">Detail Message.</a>
                           </div>
                           <div id="expMsg" style="display: none;">

                           </div>
                     </div>
                </td>
                <td id="rightTD" style="height: 90%; width: 10%;">

                </td>
            </tr>
            <tr>
                 <td class="my_table_button" style="height: 5%" align="center" colspan="3">
                        <a class="mini-button" iconCls="icon-edit" onclick="onCancel">Ok</a>
                 </td>
            </tr>
        </table>
    <script type="text/javascript">
        mini.parse();
        function SetResult(result) {
            //document.getElementById("content").innerHTML = result;
            //alert(result.msg);
            var arrayStr = new Array();
            arrayStr = result.expMsg.split("<br>");
            var html = "";
            for(var i=0; i<arrayStr.length; i++) {
                if(i == 0) {
                    html += "<h1 class='h'>"+arrayStr[i].toString()+"</h1>";
                }
                html+=  "<p class='p'>"+arrayStr[i].toString();+"<br>";
            }
            $get("expMsg").innerHTML = html;
            $get("msg").innerHTML = result.msg;
        }

        function showExpMsg() {
            if($get("rightTD").style.display == "") {
                $get("demo2").style.overflowY = "scroll";
                $get("expMsg").style.display = "";
                $get("rightTD").style.display = "none";
            }else {
                $get("demo2").style.overflowY = "hidden";
                $get("expMsg").style.display = "none";
                $get("rightTD").style.display = "";
            }
            //$get("leftTD").style.display = "none";
        }

        function onCancel() {
            window.CloseOwnerWindow();
        }


    </script>

	</body>
</html>
